<template>
    <div class="elements-controller">
        <MemberList />
        <income-type-list />
        <expense-type-list v-for="type1 in financeStore.expenseType" :elementList="type1.secondList" :title="type1.typeName"
            :label1="type1.id" />
    </div>
</template>

<script setup lang="ts">
import ExpenseTypeList from './components/expenseTypeList/index.vue'
import IncomeTypeList from './components/incomeTypeList/index.vue'
import MemberList from './components/memberList/index.vue'
import useFinanceStore from '@/store/modules/finance';
const financeStore = useFinanceStore()
</script>

<style scoped>
.elements-controller {
    display: flex;
    flex-wrap: wrap;
}
</style>